﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Detail.aspx.cs" Inherits="EFGhh.chapater3.Detail" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        .content {
            width: 80%;
            margin: 0 auto;
        }
        .title {
            width: 80%;
            margin: 0 auto;
        }

        .title img {
            width: 100%;
        }
        .cont{
            font-weight:bold;
        }

        .question {
            width: 78.6%;
            margin: -3.4px auto;
            height: 90px;
            font-size:20px;
            background-color: #2992FF;
            color:white;
            padding-left:15px;
            padding-top:15px;
        }
        .question .left .wen{
            background-color:#59B186;
        }

        .question .deltrouble{
            width:100px;
            height:30px;
            background-color:#D34A3D;
            color:white;
            border-radius:5px;
        }
        .question_box{
            display:flex;
            justify-content:space-between;
        }

        .nav {
            width: 79.9%;
            margin: 0 0 0 81px;
        }

        .nav li {
            padding:15px;
            display:flex;
            justify-content:space-between;
            font-size:18px;
            border:1px solid #555555;
        }

        .nav li:nth-child(1) {
            background-color:#E2E2E2;
        }

        .nav li:nth-child(2) {
            background-color:#C2C2C2;
        }

        .nav li:nth-child(3) {
            background-color:#E2E2E2;
        }

        .nav li .left {
            width:65%;
        }

        .nav li .left .da {
            color:#fff;
            background-color:#3BB7FB;
        }

        .nav li .right {
            width:29%;
        }

        .nav .right .del {
            width: 100px;
            height: 40px;
            line-height: 40px;
            background-color: #D34A3D;
            color: #fff;
            border-radius: 5px;
            font-size: 19px;
        }

        .btn {
            display: flex;
            justify-content: space-between;
        }
        .daan_box {
            width: 80%;
            margin: 0 auto;
            background-color:#E3E3E3;
        }
        .daan_box .font span{
            display:block;
            font-weight:bold;
            font-size:20px;
        }
        .daan_box .text1{
            width:240%;
            height: 200px;
            border-radius: 20px;
            font-size: 10px;
            padding-left: 15px;
            margin-left:70px;
            font-size:20px;
            outline:none;
        }

        .huifan {
            width: 10%;
        }

        .huifan .baocun {
            width:75px;
            height:35px;
            line-height:39px;
            background-color:#1DA444;
            border-radius:5px;
            font-size:18px;
            color:#fff;
            margin-left:8px;
            margin-bottom:10px;
        }

        .huifan .fanhui {
            width:75px;
            height:35px;
            line-height:39px;
            background-color:#47B1E1;
            border-radius:5px;
            font-size:18px;
            color:#fff;
            margin-left:8px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div class="content">
            <div class="title">
                <img src="img/top.png" />
            </div>
            <%-- 问题 --%>
            <div class="question">
                <div class="question_box">
                    <div class="left">
                        <span class="wen">问</span>
                    <asp:Label ID="lblcontent" runat="server" Text="" CssClass="cont"></asp:Label>
                    </div>
                    <div class="right">
                        <asp:Label ID="lbltime" runat="server" Text=""></asp:Label>
                    <asp:Label ID="lblipadress" runat="server" Text=""></asp:Label>
                        <asp:Button ID="btn_Deltrouble" runat="server" Text="删除问题" CssClass="deltrouble"  OnClientClick="return confirm('是否确定删除此问题？')" OnCommand="btn_Deltrouble_Command"/>
                    </div>
                </div>
                 <div class="title">
                    <asp:Label ID="lbltitle" runat="server" Text="" CssClass="ti"></asp:Label>
                </div>
             </div>

            <%--问题回答部分--%>
            <ul class="nav">
                <asp:Repeater ID="rp_question" runat="server">
                    <ItemTemplate>
                        <li>
                            <div class="left">
                                <span class="da">答</span>
                                <%# Eval("Content") %>
                            </div>
                            <div class="right">
                                <%# Eval("UpdateTime","{0:yyyy年MM月dd日}") %>
                                <%# Eval("IPAddress") %>
                                <asp:Button ID="btn_del" runat="server" Text="删除回答" CssClass="delcontent" OnClientClick="return confirm('是否确定删除此回答？')" CommandArgument='<%#Eval("CommentId") %>' OnCommand="btn_del_Command"/>
                            </div>
                        <>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
            <%--回答问题功能--%>
            <div class="daan_box">
                <div class="font">
                    <span>回答：</span>
                </div>
                <div class="btn">
                    <div class="text">
                    <asp:TextBox ID="tb_response" runat="server" TextMode="MultiLine" Rows="8" CssClass="text1"></asp:TextBox>
                </div>
                <div class="huifan">
                    <div>
                        <asp:Button ID="btn_add" runat="server" Text="保存" class="baocun" OnClick="btn_add_Click"/>
                    </div>
                    <div>
                        <asp:Button ID="btn_fanhui" runat="server" Text="返回" class="fanhui" OnClick="btn_fanhui_Click"/>
                    </div>
                </div>
                </div>
            </div>
        </div>
        </div>
    </form>
</body>
</html>
